@RestController를 @controller로 수정하고 맵핑할 url 주소 수정

뷰에 데이터를 전달하기 위한 객체 'Model' 생성
31번 라인에서 새로운 상품을 추가하기 위한 빈 Product 객체를 모델에 추가

@ModelAttribute로 요청에서 Product 객체를 바인딩

상품을 추가하는 모달 창을 띄우는 버튼 생성

'fetch'로 특정 상품의 id 가져옴
'document.getElementById('name').value = product.name;': 폼 필드에 상품 데이터를 채움
'document.getElementById('productForm').action = /products/${id};': 폼의 액션 URL을 업데이트
'$('#productModal').modal('show');': 모달 창 열기

H2 데이터베이스와 SQL 스크립트 실행을 설정

0을 null로 해석하지 않도록 long을 Long으로 변환

 JdbcTemplate 및 SimpleJdbcInsert를 사용하여 데이터베이스와 상호작용하고
SimpleJdbcInsert를 초기화하여, 삽입할 테이블 이름("products")과 자동 생성될 키 열("id")을 설정

데이터베이스에서 모든 상품을 조회
jdbcTemplate.query를 사용하여 SQL 쿼리를 실행하고, 결과를 Product 객체로 매핑

주어진 id에 해당하는 상품을 조회
jdbcTemplate.queryForObject를 사용하여 SQL 쿼리를 실행하고, 결과를 Product 객체로 매핑

새로운 상품을 데이터베이스에 삽입
SimpleJdbcInsert를 사용하여 삽입할 데이터를 설정하고, 새로운 레코드의 생성된 키 값을 반환 받아 Product 객체에 설정

주어진 Product 객체의 데이터를 사용하여 데이터베이스의 기존 레코드를 업데이트
jdbcTemplate.update를 사용하여 SQL 쿼리를 실행

주어진 id에 해당하는 상품을 데이터베이스에서 삭제
jdbcTemplate.update를 사용하여 SQL 쿼리를 실행

ProductRepository를 주입받아 데이터베이스와 상호작용

Model 객체를 사용해 조회된 상품 목록(products)과 새로운 상품 객체(product)를 뷰로 전달

@ModelAttribute를 사용해 폼 데이터로부터 Product 객체를 생성,
상품을 저장하고, 예외 발생 시 RedirectAttributes를 통해 에러 메시지를 플래시 속성으로 설정

URL 경로에서 id를 받아와 수정할 상품의 ID로 설정
상품을 업데이트하고, 예외 발생 시 에러 메시지를 설정

URL 경로에서 id를 받아와 해당 상품을 삭제하고, 예외 발생 시 에러 메시지를 설정

지정된 ID의 상품 상세 정보를 조회하여 product-detail.html 페이지에 전달
URL 경로에서 id를 받아와 해당 상품을 조회
조회된 상품을 뷰로 전달하고, 예외 발생 시 에러 메시지를 설정하고 상품 목록 페이지로 리다이렉트

지정된 ID의 상품을 JSON 형식으로 반환
URL 경로에서 id를 받아와 해당 상품을 조회
조회된 상품을 반환하고, 예외 발생 시 IllegalArgumentException을 던짐

특정 ID를 입력해 상품을 조회 할 수 있는 버튼 추가하고 버튼 내용 한글로 변경

step1 이후로 README를 추가해가며 작성하는 것을 깜박했습니다. 죄송합니다. 그래서 부득이하게 마지막에 업데이트 합니다. 다음부터는 신경 써서 작성하겠습니다.